<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>getter和setter</title>
</head>
<body>
    <script>

        /* 
            get propertyName(){} 用来得到当前属性值的回调函数
            set propertyName(){} 用来监视当前属性变化的函数
            getter 负责查询值，它不带任何参数
            setter 负责设置键值，值是以参数的形式传递，在它的函数体中个，一切的return都是无效的
        */

        var Person = {
            firstName: 'li',
            lastName: 'si',

            // 定义一个fullName属性读取方法
            get fullName(){
                console.log("获取");
                return this.firstName + ' ' + this.lastName
            },

            // 定义一个fullName属性修改/写的方法
            set fullName(val) {
                console.log("修改",val);
                var arr = val.split(' ');
                var firstName = arr[0];
                var lastName = arr[1];
                this.firstName = firstName;
                this.lastName = lastName;
            }
        }
    
    
    </script>
</body>
</html>